<template>
  <div class="p-10">
    <i
      class="iconfont icon-zhankai1 inline-block text-20 cursor-pointer hover:opacity-50"
      :class="`${store.isCollapse ? 'rotate-0' : 'rotate-180'}`"
      @click="handleCollapse"
    />
  </div>
</template>

<script lang="ts">
export default {
  name: "HeaderCollapse",
};
</script>

<script lang="ts" setup>
import useSystemStore from "@/pinia/system";
const store = useSystemStore();

const handleCollapse = () => {
  store.setCollapse(!store.isCollapse);
};
</script>
